<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这里是Vue2版本</title>
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.14/vue.min.js"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.js"></script>
</head>
<body>
    <div id="app">
        <p>{{ message }}</p>
        <p>我是&nbsp;{{ name }}</p>
        <p>今年&nbsp;{{ age }}</p>
      </div>
      
      <script>
        Vue.config.productionTip=false;//阻止Vue在启动时生成生产提示 
      new Vue({
        // el: '#app',
        data: {
          message: 'Hello Vue.js!',
          name:'luoyu',
          age:18
        }
      }).$mount("#app")//写这个就可以省略el:'#app'了
    
    //   容器和Vue实例是一一对应的
      </script>
</body>
</html>